<div class="navbar navbar-default navbar-fixed-bottom">
  <div class="container">
    <div class="row">
      <div class="col-xs-4 text-center">
        <a class="navbar-link" href="#/start"><span class="glyphicon glyphicon-home"></span></a>
      </div>
      <div class="col-xs-4 text-center">
        <a class="navbar-link" href="#/myorder"><span class="glyphicon glyphicon-user"></span></a>
      </div>
      <div class="col-xs-4 text-center">
        <a class="navbar-link" href="#/start"><span class="glyphicon glyphicon-th-list"></span></a>
      </div>
    </div>
      <!--<ul class="nav nav-justified nav-pills">
        <li>
          <a href="#start">
            <span class="glyphicon glyphicon-home"></span>
          </a>
        </li>
        <li>
          <a href="#start">
            <span class="glyphicon glyphicon-user"></span>
          </a>
        </li>
        <li>
          <a href="#start">
            <span class="glyphicon glyphicon-th-list"></span>
          </a>
        </li>
      </ul>-->
  </div>
</div>